$(function() {
	// textarea 高度展示问题开始
//	 $(".textarea-edit").focus(function(){
//    var val = $(this).val();
//     $("#d1").width($(this).width())
//    $("#d1").html("<pre>" +val+" "+"</pre>");
//    var h = $("#d1").height() ;
//    $(this).height(h);
//  });
//  $(".textarea-edit").keyup(function(){
//       
//    var val = $(this).val();
//     $("#d1").width($(this).width())
//    $("#d1").html("<pre>" +val+" "+"</pre>");
//    var h = $("#d1").height() ;
//    $(this).height(h);
//  });
//  
	
	 //	 前端表单验证开始
    $.validator.setDefaults({
	   debug: true
	})
	 $('#jiben').validate({})
	 //	 前端表单验证结束

	//人头像悬浮 出现小模态框
	var data;
	 $(".bind_hover_card").popover({  
	    html : true,    
	    title: title(),    
	    delay:{show:100, hide:100},  
	    content: function() {
            return $(this).attr('realName');
	    }
	});
	
	
	//模拟动态加载标题(真实情况可能会跟后台进行ajax交互)  
    function title() {  
        return '资产包负责人';  
    }

	
	//多选下拉开始
	var data = [{
		id: 1,
		text: '房产'
	}, {
		id: 2,
		text: '土地'
	}, {
		id: 3,
		text: '林矿'
	}, {
		id: 4,
		text: '交通运输'
	}, {
		id: 5,
		text: '机械设备'
	}, {
		id: 6,
		text: '股权'
	}, {
		id: 7,
		text: '无形资产'
	}, {
		id: 8,
		text: '其他资产'
	}];
	//下拉列表中的数据项
	$("#fromselect1").select2({
		data: data,
		placeholder: '请选择',
		width: '318px',
		//选中后的关闭按钮
		allowClear: true
	}); //启动select2
	//多选下结束

	// 基本情况-尽调评估-审核情况-操作日志 切换按钮
	$(".edit-tabs-li1").click(function() {
		$(this).addClass("active").children(".edit-tabs-ul2").show();
		$(this).siblings().removeClass("active").children(".edit-tabs-ul2").hide();
	});

	// 关注-下载报告-发起协同 切换按钮
	$(".details-btn").click(function() {
		$(this).addClass("btn-primary").siblings().removeClass("btn-primary").addClass("btn-default");
	});

	$('.myActiveBox').on('click', 'li', function() {
		$(this).addClass("myActive").siblings().removeClass('myActive');
	})

	//编辑部分开始

	//单击编辑
	var editImg = true;
	$('.editImg').on('click', function() {
		if(editImg) {
			$(this).hide();
			$(this).parent().parent().parent().next().hide();
			$(this).parent().parent().parent().next().next().show();
		}
		editImg = false;
	})
	//单击基本信息中的所属行业样式切换
	$('.tableEdit1 tr .hangye').on('click', 'label', function() {
		$(this).toggleClass('labelActive');
	})
	//单击基本信息中企业类型式切换
	$('.tableEdit1 .hangye .type').on('click', 'input[type="radio"]', function() {
		$(this).prev().addClass('labelActive').siblings().removeClass('labelActive');
	})


     id1 = 1;
	//点击抵押物情况 单击继续添加continueAdd
	$('#diYa').on('click', '.continueAdd', function() {
		id1++;
		  var lableLength = $("#diYaList").find(".tableEdit2").length;
		  var bId = "bId"+lableLength
		  var lId = "lId"+lableLength
		var form =
		    " <hr style='border:none;border-top:2px dotted #4da1ff;' />"+
			"						<table class=\"editTable tableEdit2 tableEditNum\">" +
			"							<tr>" +
			"								<td>抵押本金</td>" +
			"								<td>" +
			"									<input type=\"text\" isNumber=\"true\" onkeydown=\"true\" name=\"\" id=\""+bId+"\" value=\"\" />" +
			"								</td>" +
			"								<td class=\"text-center\">抵押利息</td>" +
			"								<td>" +
			"									<input type=\"text\" isNumber=\"true\" onkeydown=\"true\"  name=\"\" id=\""+lId+"\" value=\"\" />" +
			"								</td>" +
			"							</tr>" +
			"						</table>" +
			"						<p class=\"text\">请添加本条抵押本金的抵押物信息</p>" +
			"						<table class=\"editTable tableEdit3 tableEditInfoNum\">" +
			"							<tr>" +
			"								<td>序号</td>" +
			"								<td>权属人</td>" +
			"								<td>抵押物类型</td>" +
			"								<td>抵押物编号/他项权证号</td>" +
			"								<td>&nbsp;</td>" +
			"							</tr>" +
			"							<tr>" +
			"								<td>1</td>" +
			"								<td>" +
			"									<input  type=\"text\" name=\"\" id=\"\" value=\"\" />" +
			"								</td>" +
			"								<td>" +
			"									<select type=\'select\' name=\"\" class=\"select\" id=\"select" + id1 + "\" multiple=\"multiple\" style=\"width: 100%;\">" +
			"									</select>" +
			"								</td>" +
			"								<td>" +
			"									<input type=\"text\" name=\"\" id=\"\" value=\"\" />" +
			"								</td>" +
            "								<td>" +
            "									<input type=\"text\" hidden value=\"0\" />" +
            "								</td>"+
            "								<td>" +
            "									<input type=\"text\" hidden value=\"0\" />" +
            "								</td>"+
            "								<td>" +
			"									<input type=\"button\" class=\"remove\" data-toggle=\"modal\"  onclick=\"delMortgageInfo(this)\"  title=\"点击删除\" name=\"\" id=\"\" value=\"删除\" />" +
			"									<input type=\"button\" class=\"add\"  title=\"点击添加\" name=\"\" id=\"\" value=\"添加\" />" +
			"								</td>" +
			"							</tr>" +
			"						</table>	";

        $(this).prev().after(form);
		$("#select" + id1).select2({
			data: data,
            width: '318px',
			placeholder: '请选择',
			//选中后的关闭按钮
			allowClear: true
		}); //启动select2
//		前端表单验证开始diYaList
  		 $('#diYaList').validate({})
//		前端表单验证结束

	})

	//点击抵押物情况 单击添加add
	$('#diYa').on('click', '.add', function() {
        id1++;
        var index = $(this).parent().parent().parent().find("select[type='select']").length + 1;
		var tableTr = "	<tr>" +
			"								<td>" + index + "</td>" +
			"								<td>" +
			"									<input type=\"text\" name=\"\" id=\"\" value=\"\" />" +
			"								</td>" +
			"								<td>" +
			"									<select type=\'select\' name=\"\" class=\"select\" id=\"select" + id1 + "\" multiple=\"multiple\" style=\"width: 100%;\">" +
			"									</select>" +
			"								</td>" +
			"								<td>" +
			"									<input type=\"text\" name=\"\" id=\"\" value=\"\" />" +
			"								</td>" +
            "								<td>" +
            "									<input type=\"text\" hidden value=\"0\" />" +
            "								</td>"+
            "								<td>" +
            "									<input type=\"text\" hidden value=\"0\" />" +
            "								</td>"+
			"								<td>" +
			"									<input type=\"button\" class=\"remove\" data-toggle=\"modal\" data-target=\"#deleModal\" title=\"点击删除\" name=\"\" id=\"\" value=\"删除\" />" +
			"									<input type=\"button\" class=\"add\"  title=\"点击添加\" name=\"\" id=\"\" value=\"添加\" />" +
			"								</td>" +
			"							</tr>";
		$(this).parent().parent().after(tableTr);
		$("#select" + id1).select2({
			data: data,
            width: '318px',
			placeholder: '请选择',
			//选中后的关闭按钮
			allowClear: true
		}); //启动select2
		    //前端验证开始
    	$.validator.setDefaults({
		   debug: true
		})
		
		$("#diYaList").validate({});
	    //前端验证结束 
		
	})
	//抵押物列表多选下拉

	$('#select1').select2({
		data: data,
        width: '318px',
		//选中后的关闭按钮
		allowClear: true
	})
	var length = $('#diYa .editTable').find("select[type='select']").length + 1;
	for(var i = 1; i < length; i++) {
		$("#select" + i).select2({
			data: data,
            width: '318px',
			placeholder: '请选择',
			//选中后的关闭按钮
			allowClear: true
		}); //启动select2
	}

	// 只显示亮点项目
	$(".table-foot-turn").click(function() {
		if($(this).find('img').attr('src') == 'image/assetPackage/turn.png') {
			$(this).find('img').attr('src', 'image/assetPackage/turnoff.png');
		} else {
			$(this).find('img').attr('src', 'image/assetPackage/turn.png');
		}
	});
	$('.myActiveBox').on('click', 'li', function() {
		$(this).addClass("myActive").siblings().removeClass('myActive')
	})

	/*<!--<!--尽调9+1附件-->*/
	$('.jinTiao91 .pull-right').on('click', 'span', function() {
		$(this).addClass("jinTiao91Active").siblings().removeClass("jinTiao91Active")
	})

	//列失信

	$('.labelRowline input[type="radio"]').on('click', function() {
		$(this).prev().addClass('yesActive').removeClass('noActive');
		$(this).parent().siblings().find('span').removeClass('yesActive').addClass('noActive');
	})

	//<!--抵押人及抵押物情况-->

	//所属行业和抵押物类型样式切换
	$('.jiBenXinXi .labelActiveBox').on('click', 'label', function() {
		$(this).toggleClass('labelActive');
	})
	$('.suSongZhuangTai strong').on('click', 'label', function() {
		// 获取当前label对应input的值
		var str = $(this).attr('for')
		$(this).children('i').addClass('radioActive');
		$(this).siblings('label').children('i').removeClass('radioActive');
	})

	//单击取消 
	$('.cancelInConfirm').on('click', '#cancel', function() {
		if($(this).hasClass('jb')) {
			$('.zhuanRangXinXiList').show().find('img').show();
			$('.tableBox').show();
			$('.zhuanRangXinXiEdit').hide();
		} else {
			$(this).parent().parent().hide().prev().show().prev().find('img').show();

		}
		//	样式切换
		$(this).addClass('cancelInConfirmActive').siblings('input').removeClass('cancelInConfirmActive');
		editImg = true;
	})
	//单击保存
	$('.cancelInConfirm').on('click', '#confirm', function() {
		if($(this).hasClass('jb')) {
			$('.zhuanRangXinXiList').show().find('img').show();
			$('.tableBox').show();
			$('.zhuanRangXinXiEdit').hide();
		} else {
			$(this).parent().parent().hide().prev().show().prev().find('img').show();

		}
		//	取消和保存按钮样式切换
		$(this).addClass('cancelInConfirmActive').siblings('input').removeClass('cancelInConfirmActive');
		editImg = true;
	})

	//流转input聚焦和失去焦点
	$('.liuZhuan form table input[type="text"]').focus(function() {
		$(this).css({
			'border': '1px solid #333'
		})
	})

	$('.liuZhuan form table input[type="text"]').blur(function() {
		$(this).css({
			'border': '1px solid  #d6d6d6'
		})
	})

	var diYa = false;
	var diYaClone = false;
	var thisdiYaClone;
	var thisDiYa;
	var liuzhuanEdit = false;
	var liuzhuanEdit;
	//点击抵押物情况-抵押物列表的删除remove
	$('#diYa').on('click', ".remove", function() {
		diYa = true;
		thisDiYa = this;
	})
	
	//点击抵押物情况-抵押物列表的删除removeClone(新添加的)
	$('#diYa').on('click', ".removeClone", function() {
		diYaClone = true;
		thisdiYaClone = this;
	})

	// 单击 流转、前期处置及维护情况列表的删除
	$('.liuzhuanEdit').on('click', ".remove", function() {
		liuzhuanEdit = true;
		thisLiuzhuanEdit = this;
	})
	//单击	模态框中确定
	$('#deleModal .modal-footer').on('click', '#modal-cancel', function() {
		if(diYa) {
//			$(thisDiYa).parent().parent().parent().parent().prev().remove();
//			$(thisDiYa).parent().parent().parent().parent().prev().remove();
//			$(thisDiYa).parent().parent().prev().remove();
			$(thisDiYa).parent().parent().remove();
			diYa = false;
		} else if(diYaClone) {
			$(thisdiYaClone).parent().parent().parent().parent().prev().remove();
			$(thisdiYaClone).parent().parent().parent().parent().prev().remove();
			$(thisdiYaClone).parent().parent().prev().remove();
			$(thisdiYaClone).parent().parent().remove();
			thisdiYaClone = false;
		}else if(liuzhuanEdit) {
			$(thisLiuzhuanEdit).parent().parent().remove();
			liuzhuanEdit = false;
		}
		
	})

	//    流转、前期处置及维护情况
	//单击全选input
	$(document).on('click','.whole', function() {
		if($(this).is(':checked')) {
			$(this).parent().parent().siblings().find('input').prop('checked', true);

		} else {
			$(this).parent().parent().siblings().find('input').prop('checked', false);
		}
	})
	//点击单个input
	$(document).on('click', '.liuCheckbox', function() {
		var index = $(this).parent().parent().siblings().length;
		var b = true;
		for(var i = 1; i <= index; i++) {
			if(!$('.liuzhuanEdit tr').eq(i).find('td').find('input[type="checkbox"]').is(":checked")) {
				b = false;
				$('.whole').prop('checked', false);
			}
		}
		if(b) {
			$('.whole').prop('checked', true);
		}
	})

	//单击关闭按钮
	$('.nav-tabs').on('click', 'span', function() {
		var str = $(this).parent().attr('href');
		$(this).parent().remove();
		$(str).remove();
	})
	//点击table中的添加按钮
	$('.nav-tabs').on('click', 'img', function() {
		var name = '',
			number = '';
		var fontString = ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二', '十三', '十四', '十五', '十六', '十七', '十八', '十九', '二十'];

		var length = $(this).parent().parent().parent().find('li').length - 1;
		var i = length;
		i++;
		number = fontString[length] || i;
		if($(this).parent().parent().parent().is('.di-ya')) {
			name = '抵押人'
		} else if($(this).parent().parent().parent().is('.baoZheng')) {
			name = '保证人'
		} else if($(this).parent().parent().parent().is('.chengZhai')) {
			name = '承债人'
		} else if($(this).parent().parent().parent().is('.diyawu')) {
			name = '抵押物'
		}
		name += number;
		var str = '<li>' +
			'<a href="#btab3" data-toggle="tab">' +
			name +
			'<span id="clos" title="点击删除">X</span>' +
			'</a>' +
			'</li>';

		$(this).parent().parent().before(str)
		return false
	})

	//是否样式切换 (目前状态切换样式  是否业主唯一住房)
    $('.radioYn input[type="radio"]').on('click', function() {
        $(this).prev().addClass('yesActive').removeClass('noActive');
        $(this).parent().siblings().find('span').removeClass('yesActive').addClass('noActive');
        //	租赁被选中后展示租赁列表zuLin
        if($('#zuLin').is(':checked')){
            $('.zuLinTr').show()
        }else{
            $('.zuLinTr').hide()
        }
    })

	//	 下并释放及提交后验证提交表单diYaWuXinXi jiben(表单验证)
//	var formId = ['jiben', 'diYaWuXinXi', 'diYaList', 'xianChangFangTan', 'dingJiaPingGuEdit'];
//	for(var i = 0; i < formId.length; i++) {
//		var str = formId[i];
//		$("#"+str).validate({
//				debug: true
//		})	
//	}
	
	//点击居间人都展示
	$('.zhuanRangXinXiEdit').on('click', '.juJian', function() {
		$(this).addClass('active');
		$('.zhuanRangXinXiEdit .chiYou').removeClass('active');
		$('.tablechiYou').show();
		$('.tableJuJian').show();
	})
	//点击持有人只展示持有人信息
	$('.zhuanRangXinXiEdit').on('click', '.chiYou', function() {
		$(this).addClass('active');
		$('.zhuanRangXinXiEdit .juJian').removeClass('active')
		$('.tablechiYou').show();
		$('.tableJuJian').hide();
	})

	//点击转让方式

	$('.zhuanRang label').on('click', function() {
		$(this).addClass('active').siblings().removeClass('active')
	})

	//		zhuanRangXinXiList中单击编辑
	$('.zhuanRangXinXiList .editImg').on('click', function() {
		$(this).parent().parent().parent().parent().parent().parent().hide();
		$(this).parent().parent().parent().parent().parent().parent().next().show();
	})

	//编辑部分结束
	//锚链接样式
	$('.myActiveBox li').on('click', 'a', function() {
		var href = $(this).attr('data-href');
		$("html,body").animate({
			scrollTop: $(href).offset().top - 110
		}, {
			duration: 1,
			easing: "swing"
		});
	})
	//头部交互效果   滚动定位 ,锚链接和一键置顶开始
	$(document).on('scroll', function() {
		//动态添加导航背景色
		var idList = ["jiBen","siFa","diYa","feiDiYa","huiXian","zhuanRang","liuZhuan","tuanDui"];
	 	for(var i = 0; i < idList.length; i++){
	 		  var id = idList[i];
	 		  var t = $('#'+ id).offset().top-getScrollTop();
	 		  var str = -($('#'+ id).height()+118);
	 		  var str = -($('#'+ id).height()+118);
	 		if(t < 118 && t > str){
		 		$('.edit-tabs-ul2 li').eq(i).addClass('myActive').siblings().removeClass('myActive');
		 	}
	 	}
	 	
		//一键置顶
		if($(window).height() < getScrollTop()) {
			$('.clicktop').show();
		} else {
			$('.clicktop').hide();
		}
		//	获取滚动条到顶部的垂直高度 ：
//		if(getScrollTop() > 47) {
//			$('.nav-fix').addClass('filexTopHeard')
//		} else {
//			$('.nav-fix').removeClass('filexTopHeard')
//		}
//		if(getScrollTop() > 330) {
//			$('.navFix').addClass('filexTopTable').next().addClass('filexTopTableNext');
//			$('.edit-tabs-ul1').css({
//				'width': '100%',
//				'height': '40px',
//				'background': '#f9f9f9'
//			})
//			console.log(getScrollTop())
//
//		} else {
//			$('.navFix').removeClass('filexTopTable').next().removeClass('filexTopTableNext');
//		}
	})

	var w = $(".container").width();

	// 业内导航
	$(".edit-tabs-li1").click(function() {
		$(this).addClass("active").children(".edit-tabs-ul2").show();
		$(this).siblings().removeClass("active").children(".edit-tabs-ul2").hide();

	});

	// 详情按钮
	$(".details-btn").click(function() {
		$(this).addClass("btn-primary").siblings().removeClass("btn-primary").addClass("btn-default");
	});

	//头部交互效果   滚动定位 ,锚链接和一键置顶结束
	
		// textarea 高度展示问题
	    $(".textarea-edit").keyup(function(){
	      var val = $(this).val();
	      $("#d1").html("<pre>" +val+" "+"</pre>");
	      var h = $("#d1").height() ;
	      $(this).height(h);
	    })
	    
	      //点击添加图标(流转、前期处置及维护情况)
        $(".diYaliuZhuanEdit").on('click','.addLi', function() {
            var str = "<tr><td><input type='checkbox' name=' ' id=' ' value='' class='liuCheckbox'/></td><td>" +
                "<input type='text' value='' /></td><td>" +
                "<input type='text'  value='' placeholder='如：信达—中信'/></td><td>" +
                "<input type='text' value='' /></td><td>" +
                "<input type='text' value='' /></td> <td style='display:none'>" +
                "<input type='text' hidde id='historyId' value='' /></td><td style='display:none'>" +
                "<input type='text' hidde  value='' /></td><td>" +
                "<input type='button' class='addLi' value='添加' /><input type='button' onclick='removeData1(this)' value='删除' data-toggle='modal'/></td></tr>";
            $(this).parent().parent().after(str);
            return false;
        })

	/**
	 * 获取页面滚动距离

	 * @return 支持IE6
	 */
	function getScrollTop() {
		var scrollPos;
		if(window.pageYOffset) {
			scrollPos = window.pageYOffset;
		} else if(document.compatMode && document.compatMode != 'BackCompat') {
			scrollPos = document.documentElement.scrollTop;
		} else if(document.body) {
			scrollPos = document.body.scrollTop;
		}
		return scrollPos;
	}

});